<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>NewClub</title>
    <link rel="stylesheet" href="./static/styles/reset.css">
    <link rel="stylesheet" href="./static/fonts/iconfont.css">
    <link rel="stylesheet" href="./static/styles/main.css">
    <link href='http://cdn.webfont.youziku.com/webfonts/nomal/122064/45817/5baadc4cf629d915305c6dd4.css' rel='stylesheet'
        type='text/css' />
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="./static/js/main.js"></script>
</head>

<body>
    <header class="header">
        <div class="navbar">
            <p class="logo">
                NewClub
            </p>
            <ul class="nav">
                <li class="nav-li"><a href="">首页</a></li>
                <li class="nav-li nav-sort">
                    <a href="">分类</a>
                    <ul class="sort">
                        <li>创新创业素拓</li>
                        <li>思想道德素拓</li>
                        <li>技能素拓</li>
                        <li>身心素质素拓</li>
                        <li>文化艺术素拓</li>
                    </ul>
                </li>
                <li class="nav-li"><a href="">学院</a></li>
                <li class="nav-li"><a href="">关于</a></li>
                <li class="nav-search">
                    <div class="search">
                        <input type="text" placeholder="输入你要找的内容"/>
                        <div class="search-btn">
                            <i class="iconfont icon-search"></i>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="login">
                <a href="">登录</a>
                <i></i>
                <a href="">注册</a>
            </div>
        </div>
    </header>
    <div class="container">
        <section class="banner_slider" id="banner_slider">

            <div class="banner_slider_pics" id="banner_slider_pics">
                <a href="#4"><img src="./static/images/banner_1.jpg"></a>
                <a href="#1"><img src="./static/images/banner_3.jpg"></a>
                <a href="#2"><img src="./static/images/banner.gif"></a>
            </div>

            <div class="banner_slider_arrow">
                <a href="#5" class="arrow_item prev" id="arrow_prev"><i class="iconfont icon-left"></i></a>
                <a href="#6" class="arrow_item next" id="arrow_next"><i class="iconfont icon-right"></i></a>
            </div>

            <div class="banner_slider_dots" id="banner_slider_dots">
                <a href="#7" class="dots_item dots_active"></a>
                <a href="#8" class="dots_item"></a>
                <a href="#9" class="dots_item"></a>
            </div>
        </section>
        <section class="content">
            <div class="left">
                <h2 class="title">最新发布</h2>
                <ul class="article-list">
                    <li class="article">
                        <div class="article-left">
                            <a href=""><img src="./static/images/article.png" alt=""></a>
                        </div>
                        <div class="article-right">
                            <p class="article-title"><a href="">用SVG画出拼图块，并实现拼图功能，请收下我的膝盖</a></p>
                            <p class="article-dec">如需看代码学习，请加Q群：169101712...</p>
                            <div class="article-info">
                                <span class="article-author">
                                    <i class="iconfont  icon-people_fill"></i>
                                    张兵</span>
                                <span class="article-time">
                                    <i class="iconfont icon-time"></i>
                                    2018-09-26</span>
                                <span class="article-view">
                                    <i class="iconfont icon-browse"></i>
                                    86次浏览</span>
                            </div>
                        </div>
                    </li>
                    <li class="article">
                        <div class="article-left">
                            <a href=""><img src="./static/images/article.png" alt=""></a>
                        </div>
                        <div class="article-right">
                            <p class="article-title"><a href="">用SVG画出拼图块，并实现拼图功能，请收下我的膝盖</a></p>
                            <p class="article-dec">如需看代码学习，请加Q群：169101712...</p>
                            <div class="article-info">
                                <span class="article-author">
                                    <i class="iconfont  icon-people_fill"></i>
                                    张兵</span>
                                <span class="article-time">
                                    <i class="iconfont icon-time"></i>
                                    2018-09-26</span>
                                <span class="article-view">
                                    <i class="iconfont icon-browse"></i>
                                    86次浏览</span>
                            </div>
                        </div>
                    </li>

                </ul>
            </div>
            <div class="right">
                <h2 class="tag-title">热门标签</h2>
                <ul class="tag-list">
                    <li><a href="">创新创业素拓</a></li>
                    <li><a href="">思想道德素拓</a></li>
                    <li><a href="">技能素拓</a></li>
                    <li><a href="">身心素质素拓</a></li>
                    <li><a href="">文化艺术素拓</a></li>
                </ul>
            </div>
        </section>
    </div>
    <footer class="footer">
        <ul class="footer-list">
            <li><a href="">首页</a>  |</li>
            <li><a href="">分类</a>  |</li>
            <li><a href="">学院</a>  |</li>
            <li><a href="">关于</a>  |</li>
            <li><a href=""> Copyright © 2018, NewClub All Rights Reserved. | 粤ICP备16050559号</a></li>
        </ul>
    </footer>
</body>

</html>